<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@taglib prefix="my" uri="/myTaglib"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>

<meta name="Keywords" content="HMR, Programmer, Programminger, PodCast" />
<meta http-equiv="Content-Type" content="text/html;UTF-8" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Daishi - daishi@hmr-radio.net" />
<meta name="Robots" content="index,follow" />
<c:if test="${ single }">
	<meta name="Description" content="${ f:h(list[0].content.value) }" />
</c:if>
<c:if test="${ !single }">
	<meta name="Description" content="毎日がんばってるプログラマーが思ったことをしゃべる、プログラミンガーポッドキャスト" />
</c:if>

<link rel="alternate" href="${ f:url('/pub/rss') }" type="application/rss+xm" title="RSS" />
<link rel="stylesheet" href="${ f:url('/images/Envision.css') }" type="text/css" />
<link rel="stylesheet" href="${ f:url('/prettify/prettify.css') }" type="text/css" />
<style type="text/css">
<!--
.prettyprint {
}
//-->
</style>
<script type="text/javascript" src="${ f:url('/prettify/prettify.js') }"></script>
<script type="text/javascript" src="${ f:url('/jquery-1.5.2.min.js') }"></script>
<script type="text/javascript">
<!--
$(function() {
	$(".entry-content pre").addClass("prettyprint").addClass("linenums");
	prettyPrint();
	
	$("#commentSubmit").attr("disabled", "disabled");
	$("textarea[name='comment']").keyup(function() {
		if ($(this).val() == "") {
			$("#commentSubmit").attr("disabled", "disabled");
		} else {
			$("#commentSubmit").removeAttr("disabled");
		}
	});
});
//-->
</script>

<c:if test="${ single }">
	<title>${ f:h(list[0].title) } - Programminger 0xb055</title>
</c:if>
<c:if test="${ !single }">
	<title>Programminger 0xb055</title>
</c:if>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-968682-14']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

</head>

<body>
<!-- wrap starts here -->
<div id="wrap">

		<!--header -->
		<div id="header">

			<h1 id="logo-text"><a href="${ f:url('/') }">プログラミンガー思す</a></h1>
			<p id="slogan">Programminger 0xb055</p>

			<div id="header-links">
			<p>
				<a href="${ f:url('/') }">Home</a> |
				<a href="mailto:daishi@hmr-radio.net">Contact</a> |
				<a href="${ f:url('/admin/') }">Admin</a>
			</p>		
		</div>		
						
		</div>
		
		<!-- menu -->
		<div  id="menu">
			<ul>
				<li id="current"><a href="${ f:url('/') }">Home</a></li>
				<li><a href="${ f:url('/') }">Archives</a></li>
				<li><a href="${ f:url('/') }">Downloads</a></li>
				<li class="last"><a href="${ f:url('/') }">About</a></li>
			</ul>
		</div>					
			
		<!-- content-wrap starts here -->
		<div id="content-wrap">
				
			<div id="sidebar">
			
                <h3>Podcast Feed</h3>
                <p><a href="${ f:url('/pub/rss') }"><img src="${ f:url('/images/bunner.gif') }" style="border:0;margin:0;padding:0" /></a></p>
                <p>このバナーをiTunesへドラッグ＆ドロップして、ポッドキャストを登録してください。</p>

				<h3>Search Box</h3>	
				<form action="#" class="searchform">
					<p>
					<input name="search_query" class="textbox" type="text" />
  					<input name="search" class="button" value="Search" type="submit" />
					</p>			
				</form>	

				<h3>Links</h3>
				<ul class="sidemenu">
<c:forEach var="link" items="${ links }">
					<li><a href="${ f:url(link.url) }">${ f:h(link.label) }</a></li>
</c:forEach>
				</ul>

                <h3>License</h3>
                <p>
                    <a rel="license" href="http://creativecommons.org/licenses/by-nd/3.0/">
                        <img alt="クリエイティブ・コモンズ・ライセンス" style="border:0;margin:0;padding:0" src="http://i.creativecommons.org/l/by-nd/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Sound" property="dct:title" rel="dct:type">プログラミンガー思す</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="https://sites.google.com/a/dev7.jp/home/" property="cc:attributionName" rel="cc:attributionURL">dev7.jp</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nd/3.0/">Creative Commons 表示 - 改変禁止 3.0 非移植 License
                    </a>.
                </p>
			</div>

			<div id="main">

<c:forEach var="e" items="${ list }">
				<!-- タイトル start -->
				<h2><a href="${ f:url('/pub/single') }?key=${ e.keyAsString }">${ f:h(e.title) }</a></h2>
				<!-- タイトル end -->

				<!-- 本文 start -->
				<div class="entry-content">
					<div style="margin:10px;text-align:right"><g:plusone size="small"></g:plusone></div>
<c:if test="${ e.audioFileRef != null && e.audioFileRef.model != null }">
					<span>
						<a style="vertical-align:top" href="${ f:url(e.audioFileRef.model.url) }">音声ファイルをダウンロードする</a>
					</span>
</c:if>
					<my:wiki wiki="${ e.content }" />
				</div>
				<!-- 本文 end -->	

				<!-- 記事フッタ start -->
				<p class="post-footer align-right">
					<a href="${ f:url('/pub/single') }?key=${ e.keyAsString }#comments" class="comments">コメント (${ fn:length(e.commentListRef.modelList) })</a>
					<span class="date">
					    <fmt:setTimeZone value="JST" />
                        <fmt:formatDate value="${ e.createdAt }" pattern="yyyy/MM/dd HH:mm:ss" />
					</span>
				</p>
				<!-- 記事フッタ end -->
				<br />
</c:forEach>

<c:if test="${ single }">
                <!-- メッセージ欄 start -->
<c:forEach var="e" items="${ f:errors() }">
                <div style="color:red">${ f:h(e) }</div>
</c:forEach>
                <!-- メッセージ欄 end -->
				<!-- コメント入力欄 start -->
				<form action="${ f:url('/pub/comment/entry') }">
					<p>			
						<label>お名前</label>
						<input type="text" name="name" value="名無しさん" size="30" />
						<label>コメント</label>
						<textarea name="comment" rows="5" cols="5"></textarea>
						<br />	
						<input type="submit" id="commentSubmit" class="button" />		
						<input type="hidden" name="entryKey" value="${ list[0].keyAsString }" />
					</p>
				</form>				
				<!-- コメント入力欄 end -->
</c:if>

<c:if test="${ single }">
				<div id="comments">
<c:forEach var="c" items="${ list[0].commentListRef.modelList }">
					<div class="comment-header">
						${ f:h(c.name) }
						<span class="date">(<fmt:formatDate value="${ c.postedAt }" pattern="yyyy/MM/dd HH:mm:ss" />)</span>
					</div>
					<div class="comment-body">${ f:br(f:nbsp(f:h(c.comment.value))) }</div>
</c:forEach>
				</div>
</c:if>

			</div>
		
		<!-- content-wrap ends here -->	
		</div>

		<!--footer starts here-->
		<div id="footer">

			<p>
			&copy; 2011 <strong>HMR</strong> |
			Design by: <a href="http://www.styleshout.com/">styleshout</a> |
			Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
			<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>

   		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

		<a href="${ f:url('/') }">Home</a>&nbsp;|&nbsp;
   		<a href="${ f:url('/pub/siteMap') }">Sitemap</a>&nbsp;|&nbsp;
	   	<a href="${ f:url('/pub/rss') }">RSS Feed</a>
   		</p>

		</div>

<!-- wrap ends here -->
</div>

</body>
</html>
